<template>
	<div class="modal-dialog" v-show="modalShow">
		<div class="modal-content">
			<div class="modal-header">
				<button @click="innerClose" type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">新增部门</h4>
			</div>
			<div class="modal-body">
				<div class="form-horizontal">
					<div class="form-group">
						<label for="" class="col-sm-4 control-label">新增部门：</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" placeholder="请输入部门">
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-sm-4 control-label">上级部门：</label>
						<div class="col-sm-8">
							<select class="form-control">
								<option>请选择</option>
								<option>1</option>
								<option>2</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-sm-4 control-label">新增部门：</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" placeholder="请输入部门">
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-sm-4 control-label">部门编号：</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" placeholder="请输入部门编号">
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-sm-4 control-label">备注：</label>
						<div class="col-sm-8">
							<textarea class="form-control" rows="3" placeholder="备注"></textarea>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button @click="innerClose" type="button" class="btn btn-default">子组件关闭</button>
				<button  type="button" class="btn checkedBtn">确定</button>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props: ['modalShow'],
		data() {
			return {
			}
		},
		methods:{
			innerClose(){
			}
		}
	}
</script>
